<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="dns-prefetch" href="/h/sougou/userimghttp://cache.soso.com/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://sugg.search.wenwen.sogou.com/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://hint.wenwen.sogou.com/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://xui.ptlogin2.qq.com/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://q1.qlogo.cn/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://q2.qlogo.cn/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://q3.qlogo.cn/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://q4.qlogo.cn/">
    <link rel="dns-prefetch" href="/h/sougou/userimg/http://p.qpic.cn/">
    <meta name="keywords" content="问答系统 提问 回答 知识搜索 问问 搜狗">
    <meta name="description" content="互动问答社区，用户可以提出问题、解决问题、或者搜索其他用户沉淀的精彩内容；在这里可以感受到最热烈的互助气氛，浏览到最精彩的问答内容。">
    <title>{{Config::get('app.title')}}</title>
    <link rel="Shortcut Icon" href="/h/sougou/images/favicon.ico">
    <link rel="Bookmark" href="/h/sougou/images/favicon.ico">
    <link rel="search" type="application/opensearchdescription+xml" href="http://wenwen.sogou.com/wenwenSearch.xml" title="问问搜索">
    <script>/* Code removed by ScrapBook */
      </script>
      <script>!function(){var o=function(){var o="wenwen";switch(location.host.toLowerCase()){case"wenwen.sogou.com":case"wenwen.m.sogou.com":o="wenwen";break;case"ld.sogou.com":o="ld";break;case"zhinan.sogou.com":o="zhinan";break;case"baike.sogou.com":case"baike.m.sogou.com":o="baike"}return o},e=function(o){for(var e=escape(o)+"=",n=document.cookie.split(";"),t=0;t<n.length;t++){for(var r=n[t];" "==r.charAt(0);)r=r.substring(1,r.length);if(0==r.indexOf(e))return unescape(r.substring(e.length,r.length))}return null},n=function(o){if("object"!=typeof o)return o;var e=[];for(var n in o)e.push(n+"="+encodeURIComponent(o[n]));return e.join("&")};String.prototype.endsWith||(String.prototype.endsWith=function(o,e){var n=this.toString();("number"!=typeof e||!isFinite(e)||Math.floor(e)!==e||e>n.length)&&(e=n.length),e-=o.length;var t=n.lastIndexOf(o,e);return-1!==t&&t===e});for(var t=document.getElementsByTagName("script"),r=t.length,c=0;c<r;c++){var s=[".sogou.com",".qq.com",".idqqimg.com",".gtimg.cn",".gtimg.com",".soso.com","soso.qstatic.com",".sohu.com",".sogoucdn.com",".go2map.com",".google-analytics.com",".itc.cn"],a=t[c].getAttribute("src");if(a){var i=document.createElement("a");i.href=a;for(var m=!0,u=0;u<s.length;u++)(i.hostname.endsWith(s[u])||/chrome-extension/.test(a)||/^\/sf/.test(a))&&(m=!1);m&&function(t){var r=o(),c=new Image;c.onload=c.onerror=function(){c=c.onload=c.onerror=null};var s="//dm.wenwen.sogou.com/f/"+r+"/hj?";"https:"===location.protocol&&(s="//wenwenapi.sogou.com/dm/f/"+r+"/hj?");var a=e("dt_ssuid");a&&(t.dt_ssuid=a),t.rnd=Math.random(),c.src=s+n(t)}({src:a})}}}();</script>
    <link rel="stylesheet" type="text/css" href="//cache.soso.com/wenwen/deploy/css/ued/wenwen/pc/dist/css/style_f2bf12b.css" />
    <link rel="stylesheet" type="text/css" href="//cache.soso.com/wenwen/deploy/css/ued/wenwen/pc/dist/css/usercenter_c927a96.css" />
    <link rel="stylesheet" href="/h/css/userstyle.css" />
    <style type="text/css">/* Code tidied up by ScrapBook */</style>
    <style type="text/css">/* Code tidied up by ScrapBook */</style>

    </head>

  <body style="overflow-y: scroll;">
    <div id="wrap">
      <!-- header -->
      <div id="header" class="usercenter">



        <div class="uc-header-bg"></div>
        <div class="uc-searchbox">
          <div class="login" data-score="0">
            <div id="userNotice" class="user-notice">
              <div>
                <div>
                  <a href="/h/sougou/userimg/http://wenwen.sogou.com/user/center?type=msg&amp;ch=ww.header.xx" class="btn-user-notice">消息</a></div>
              </div>
            </div>
            @if(!session('login'))
            <span class="login-line"></span>
            <div class="user-option">
               <a href="/home" class="btn-login" id="s_login">登录</a>
            </div>
            @else
            <span class="login-line"></span>
            <div class="user-option">
               <a href="/home/user/question" class="btn-user-option">
                    <div class="user-thumb"><img src="{{$login_user['photo']}}" width="100%" height="100%" alt="头像"></div>
                    <div class="user-name-box"><div class="user-name">{{session('username')}}</div></div>
                    <i class="arr-user"></i>
                </a>
                <ul class="popup-lst">
                    <li><a href="/home/user/question">我的提问</a></li>
                    <li><a href="/home/user/answer">我的回答</a></li>
                    <li><a href="/home/usersettings/index">账号设置</a></li>
                    <li><a href="/home/logout" id="s_logout" >退出</a></li>
                </ul>
            </div>
            @endif
          </div>
          <a href="/">
            <span class="uc-logo" style="background-image:url('/h/sougou/picture/wenwen_logo_ic@1x.png')"></span>
          </a>
          <form name="flpage" method="get" action="/home/search" class="uc-searchform">
            <div class="uc-querybox">
              <input class="uc-query" element="input" value="" id="sb" name="w" maxlength="50" autocomplete="off" type="text"></div>
            <div class="uc-sbtn1">
              <input name="search" value="搜索答案" id="searchBtn" type="submit"></div>
          </form>
          <a href="/home/question" class="uc-btnask" target="_blank">我要提问</a>
          </div>
          <div class="uc-top">
            <div class="uc-top-lft">
              <div class="uc-top-lft-box">
                 <div class="user-thumb"><img src="{{$detail['photo']}}" width="100%" height="100%" alt="头像"></div>
              </div>
            </div>
            <div class="mycard-name-box">
              <div class="mycard-name">{{$detail['nickname']}}</div>
              <span class="user-level-tag">{{$detail['level']}}级</span></div>


            <div class="progress-txt">
                {{$detail['description']}}
            </div>
            <ul class="uc-info">
              <li>
                <div class="uc-info-tab">
                  <div class="uc-info-tit">回答数</div>
                  <div class="uc-info-txt">{{$detail['a_count']}}</div></div>
              </li>
              <li>
                <div class="uc-info-tab">
                  <div class="uc-info-tit">提问数</div>
                  <div class="uc-info-txt">{{$detail['q_count']}}</div></div>
              </li>
              <li>
                <div class="uc-info-tab">
                  <div class="uc-info-tit">经验</div>
                  <div class="uc-info-txt sign_day">{{$u_score['exp']}}</div>
              </li>
              <li>
                <div class="uc-info-tab">
                  <div class="uc-info-tit">积分</div>
                  <div class="uc-info-txt">{{$u_score['score']}}</div></div>
              </li>
            </ul>
          </div>
        </div>
      <!-- //header -->

<div id="container">
  <div class="content">
    <div class="uc-content">
      <div class="uc-lft" style="margin-top:250px; margin-left:20px;">
            <h3><strong><i>成长与徽章</i></strong></h3>
      </div>
      <div>
           <div id="userList_grow" class="uc-rgt user_grow_list">
                <div class="uc-growup">
                    <div class="uc-growup-tit">
                        <a href="#" class="btn-uc-rgt">晋级规则
                            <i></i>
                        </a>他的等级</div>
                    <div class="uc-grade-box">
                        <div class="uc-grade">
                            <!-- 50% ~ 100% 添加 uc-grade-prompt-v1 -->
                            <div class="uc-grade-prompt " style="left: 7%;">
                                <div class="user-level">当前等级：
                                    <span>{{$detail['level']}}级</span></div>
                                <div class="progress-bar-box">
                                    <div class="progress-bar">
                                        <span class="progress-tit">经验值</span>
                                        <div class="progress-info">
                                            <div class="progress-info-inside progress-info-clr" style="width: 55%;"></div>
                                        </div>
                                        <span class="progress-tit">{{$u_score['exp']}}/8</span></div>
                                    <div class="progress-bar">
                                        <span class="progress-tit">采纳数</span>
                                        <div class="progress-info">
                                            <div class="progress-info-inside progress-info-clr2" style="width:%"></div>
                                        </div>
                                        <span class="progress-tit">0/0</span></div>
                                </div>
                            </div>
                            <div class="uc-grade-inside" style="width: 7%;"></div>
                            <ul class="uc-grade-mark">
                                <li class="mark">0级</li>
                                <li class="mark2">7级</li>
                                <li class="mark3">14级</li>
                                <li class="mark4">21级</li>
                                <li class="mark5">28级</li></ul>
                        </div>
                    </div>
                </div>
                <div id="medal_container">
                    <div class="uc-growup">
                        <div class="uc-growup-tit">
                            <ul class="medal-nav-list">
                                <li class="cur">特权徽章</li>
                                <li class="">纪念徽章</li>
                                <li class="">活动徽章</li></ul>他的徽章</div>
                        <div class="medal-wrap">
                            <div class="medal-box">
                                <div class="medal-main">
                                    <div class="medal-content">
                                        <ul class="medal-list">
                                            <li class="dim">
                                                <div class="medal-icon medal-icon-128">纠察队长</div>
                                                <span class="medal-name">纠察队长</span>
                                                <div class="medal-pop-box">
                                                    <div class="medal-pop">
                                                        <span class="medal-pop-title">当您达到7级</span>
                                                        <span class="medal-pop-txt">开放举报的权限</span>
                                                        <i>
                                                        </i>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="dim">
                                                <div class="medal-icon medal-icon-129">学无止境</div>
                                                <span class="medal-name">学无止境</span>
                                                <div class="medal-pop-box">
                                                    <div class="medal-pop">
                                                        <span class="medal-pop-title">当您达到8级</span>
                                                        <span class="medal-pop-txt">每日提问不限次数</span>
                                                        <i>
                                                        </i>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="dim">
                                                <div class="medal-icon medal-icon-130">达人预备军</div>
                                                <span class="medal-name">达人预备军</span>
                                                <div class="medal-pop-box">
                                                    <div class="medal-pop">
                                                        <span class="medal-pop-title">当您达到10级</span>
                                                        <span class="medal-pop-txt">就能申请达人啦</span>
                                                        <i>
                                                        </i>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="dim">
                                                <div class="medal-icon medal-icon-131">专家预备军</div>
                                                <span class="medal-name">专家预备军</span>
                                                <div class="medal-pop-box">
                                                    <div class="medal-pop">
                                                        <span class="medal-pop-title">当您达到11级</span>
                                                        <span class="medal-pop-txt">就能申请专家啦</span>
                                                        <i>
                                                        </i>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="dim">
                                                <div class="medal-icon medal-icon-132">问问达人</div>
                                                <span class="medal-name">问问达人</span>
                                                <div class="medal-pop-box">
                                                    <div class="medal-pop">
                                                        <span class="medal-pop-title">当您通过达人认证</span>
                                                        <span class="medal-pop-txt">享受达人专属特权</span>
                                                        <i>
                                                        </i>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="dim">
                                                <div class="medal-icon medal-icon-133">问问专家</div>
                                                <span class="medal-name">问问专家</span>
                                                <div class="medal-pop-box">
                                                    <div class="medal-pop">
                                                        <span class="medal-pop-title">当您通过专家认证</span>
                                                        <span class="medal-pop-txt">享受专家专属特权</span>
                                                        <i>
                                                        </i>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
      </div>


      <script src="/js/jquery-1.8.3.min.js"></script>
      <script >
         $(function(){
            $('#ppp li').mouseover(function(){
              // 设置元素背景
              $(this).addClass('cur');
              // 获取自定义属性
            })

            $('#ppp li').mouseout(function(){
              // 设置元素背景
              $(this).removeClass('cur');

              // 获取自定义属性
            })
    })
      </script>

  </div>
  </div>
</div>

    <div id="footer">
        <div class="ft-container">
            <div class="ft-link">
            <p class="ft-box2-lft">© 2017 zhiye.COM 京ICP证050897号</p></div>
        </div>
      </div>

      <div id="popup_wrap" style="z-index: 2;"></div>
    </div>
    <!-- <script crossorigin="anonymous" src="/h/sougou/userimg/about:blank"></script> -->
    <!-- <script crossorigin="anonymous" src="/h/sougou/userimg/about:blank"></script> -->
    <div id="divc" style="display: none; z-index: 101; width: 350px; left: 343.5px; top: 44px;"></div>
  </body>

</html>